<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="-1" />
<title>Multitiendas Corona</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
<link href="css/master_estilo.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/generales.js"></script>
<script type="text/javascript" src="js/validacion.js"></script>
<script type="text/javascript" src="js/asociar_evaluadores.js"></script>
<script language="javascript" type="text/javascript">
	function salir() {
		if (window.confirm('¿Está seguro que desea salir?')) {
			window.close();
		}

	}
</script>
<script language="javascript" type="text/javascript">
	window.onload = function() {

	};
	function cancelar() {
		if (window.confirm('¿Está seguro que desea cancelar el ingreso?')) {
			window.open("Menu.jsp", "_self");
			return true;
		}
	}

	//-----------------------------------
	function validarFormulario() {
		var msgError = "";
/*		var txtNomEvaluacion = document.getElementById("txtNomEvaluacion");
		var txtCantItem = document.getElementById("txtCantItem");
		var txtFecInicio = document.getElementById("txtFecInicio");
		var txtFecTermino = document.getElementById("txtFecTermino");
		var selComboEstado = document.getElementById("selComboEstado");

		//Validaci�n para fecha de inicio
		if (IsValid_Empty(txtFecInicio)) {
			msgError += "\n - Debe ingresar la fecha de inicio";
			formatearEstiloConError(txtFecInicio, "");
		}
		//Validaci�n para fecha de t�rmino
		if (IsValid_Empty(txtFecTermino)) {
			msgError += "\n - Debe ingresar la fecha de término";
			formatearEstiloConError(txtFecTermino, "");
		}
		//validaci�n para estado de evaluaci�n
		if (selComboEstado.selectedIndex == "0") {
			msgError += "\n - Debe seleccionar el estado de evaluación";
			selComboEstado.focus();
		}
		//Validaci�n para nombre de evaluaci�n
		if (IsValid_Empty(txtNomEvaluacion)) {
			msgError += "\n - Debe ingresar el nombre de la evaluación";
			formatearEstiloConError(txtNomEvaluacion, "");
		}

		//Validaci�n para cantidad de items
		if (IsValid_Empty(txtCantItem)) {
			msgError += "\n - Debe ingresar la cantidad del items";
			formatearEstiloConError(txtCantItem, "");
		} else {
			if (!IsValid_CaracteresPermitidos(txtCantItem)) {
				msgError += " - El texto ingresado en Cantidad de Items no puede contener los siguientes carácteres: "
						+ CARACTERES_NO_VALIDOS_SIN_SEPARADOR + "\n";
			} else {
				formatearEstiloNormal(txtCantItem, "", false, false, "", "");
			}
		}*/
		if (msgError != "") {
			alert("Se encontraron los siguientes errores:\n" + msgError);
			return false;
		} else {

			window.open('Asociar_Evaluados_2_2.jsp', '_self');
			return true;
		}

	}
</script>


</head>
<body style="background-color: #f0f0f0;">

	<center>
		<form id="datos" name="datos">
			<div class="clearBoth" style="width: 830px; text-align: center;">
				<table width='100%' border='5' class='GCS_new'>
					<tr class='trTitulos'>
						<td><img src='img/evaluacion.png' class='GCS_espacioLogo' /></td>
						<td>
							<div style='width: 690px'>
								<span class='GCS_Font_Titulo_new'>CORONA</span> <br /> <span
									class='GCS_Font_Titulo_new'>EVALUACION DE DESEMPE&Ntilde;O</span>
							</div>
						</td>
					</tr>
					<tr>
						<td colspan="2">
							<table>
								<tr>
									<td>
										<div class='GCS_MenuCatActivo_new'>
											<a href='showFormIngPauta.action'
												class='GCS_MenuCatActivo_texto_new'>Ingreso Pauta
												Evaluaci&oacute;n</a>
										</div>
									</td>
									<td>
										<div class='GCS_MenuCatActivo_new'>
											<a href='Listado_Pauta_Evaluaciones.jsp'
												class='GCS_MenuCatActivo_texto_new'>Listado Pauta
												Evaluaciones</a>
										</div>
									</td>
									<td>
										<div class='GCS_MenuCatActivo_new'>
											<a href='Reportes.jsp' class='GCS_MenuCatActivo_texto_new'>Reportes</a>
										</div>
									</td>
									<td>
										<div class='GCS_MenuCatActivo_new'>
											<a href='Asociar_Evaluadores.jsp' class='GCS_MenuCatActivo_texto_new'>Asociar evaluadores</a>
										</div>
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
				<div class="clearBoth" style="width: 830px; text-align: center;">

					<table width='100%' border='5' class='GCS_new'>
						<tr>
							<td>
								<center>
									<div class="clearBoth" style="padding-top: 10px;">
										<div class="clearBoth"
											style="margin-left: 5px; margin-right: 5px;">
											<div class="clearBoth"></div>
											<div class="clearBoth" style="width: 830px;">
												<!-- Tabla con marco -->
												<table border="0" cellpadding="0" cellspacing="0"
													width="100%">
													<tr>
														<td valign="top"
															style="width: 10px; background-image: url(img/marcoForm/card_tl_new.gif); background-position: top left; background-repeat: no-repeat;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
														<td valign="top"
															style="background-image: url(img/marcoForm/card_top_new.gif); background-position: top; background-repeat: repeat-x; padding-left: 7px; padding-top: 10px;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
														<td valign="top"
															style="width: 10px; background-image: url(img/marcoForm/card_tr_new.gif); background-position: top right; background-repeat: no-repeat;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
													</tr>
													<tr>
														<td valign="top"
															style="background-image: url(img/marcoForm/card_left_new.gif); background-position: left; background-repeat: repeat-y;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
														<td valign="top"
															style="padding-left: 7px; padding-top: 15px; background-color: #FFFFFF;">
															<!-- Contenido Interno del marco -->

															<table border="0" width="100%">

																<tr>
																	<td class="cssTituloFormulario" colspan="2"
																		height="30px"><b>Seleccionar Evaluadores</b><br /></td>
																	<td class="floatLeftLogin cssLabelFormulario"
																		align="right" colspan="2" height="30px"><b>Paso
																			1 de 3</b><br /></td>
																</tr>

																<tr>

																	<td
																		style="width: 150px; height: 25px; text-align: left">
																		<label> <input type="text" name="txtCargo"
																			class="cssInputNormal" value="Ingrese Cargo.." />
																	</label>
																	</td>
																	<td
																		style="width: 150px; height: 25px; text-align: left"><input
																		type="button" value="Buscar" /></td>

																</tr>
																<tr>
																	<td></td>
															</table>
															<table border="0">
																<tr>
																	<td><select name="selOrigenEvaluadores" size="10"
																		multiple="multiple">
																			<option value="1">JOSE LUIS ABALOS</option>
																			<option value="2">JULIO AMESTICA</option>
																			<option value="3">EMANUEL SANCHEZ</option>
																			<option value="4">ALEXIS BARRA</option>
																			<option value="5"></option>
																	</select></td>
																	<td align="center" valign="middle"><input
																		type="button" value="Asociar >>"
																		onclick="moveOptions(this.form.selOrigenEvaluadores, this.form.selDestinoEvaluadores);" />
																		<br /> <input type="button" value="<< Quitar"
																		onclick="moveOptions(this.form.selDestinoEvaluadores, this.form.selOrigenEvaluadores);" />
																	</td>
																	<td><select name="selDestinoEvaluadores" size="10"
																		multiple="multiple">
																			<option value="1"></option>
																			<option value="2"></option>
																			<option value="3"></option>
																			<option value="4"></option>
																			<option value="5"></option>
																	</select></td>
																</tr>
															</table>

															<table border="0" width="100%">
																<tr>
																	<td width="25%"></td>
																	<td width="25%"></td>
																	<td width="25%"><input type="button"
																		value="Siguiente" onClick="validarFormulario();" /></td>
																	<td width="25%"><input type="button" align="right"
																		value="Cancelar" onClick="cancelar()" /></td>
																</tr>
															</table> <!-- Fin Contenido Interno del marco -->
														</td>
														<td valign="top"
															style="background-image: url(img/marcoForm/card_right_new.gif); background-position: right; background-repeat: repeat-y;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
													</tr>
													<tr style="height: 31px">
														<td valign="top"
															style="background-image: url(img/marcoForm/card_bl_new.gif); background-position: bottom left; background-repeat: no-repeat;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
														<td valign="top"
															style="background-image: url(img/marcoForm/card_bot_new.gif); background-position: bottom; background-repeat: repeat-x;">

														</td>
														<td valign="top"
															style="background-image: url(img/marcoForm/card_br_new.gif); background-position: bottom right; background-repeat: no-repeat;"><img
															src="img/_blank.gif" width="1px" height="1px" alt="" /></td>
													</tr>
												</table>
												<!-- Fin Tabla con marco -->
											</div>
											<div
												style="display: none; width: 100px; text-align: center; vertical-align: top;"
												class="cssLabelTip"></div>
										</div>
									</div>
								</center>
							</td>
						</tr>
					</table>

				</div>
			</div>
		</form>
	</center>

</body>
</html>